<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 

      "javascript: alert(" 你好 ")"
        上述JS执行的逻辑：
          第一个 文本，出现在 `javascript: alert(`
          第二个 文本，出现在 `)`

          即 JS “断句” 发生 错乱


        
        JS的写法1：行内式
          强调：行内式 后续的工作和学习中，千万不要用！！！
     -->
    <a href="javascript: alert('你好')">点我</a>
  </body>
</html>

<!-- 
  JS 的写法2：「内嵌式」

  注： 该种写法较为常用；
    补充：二阶段的学习，主要以 该种写法写 JS 代码。

 -->
<script>
  /* 在此，可以 书写 JS 的代码~~~ */

  // alert("yo~~");

  // 单独知识点：`console.log(数据)`
  // 作用：只要执行 console.log(数据)，则将 数据，显示在 控制台中。
  // console.log(数据)
  console.log(1 + 9 + 9);
</script>

<!-- <script src="./index.js"></script> -->
<!-- 其作用，等同于 将 JS文件中的代码，统统 放置于 本文件的 本位置 -->
<!-- 
  JS 的写法3：「外链式」：

    注： 实际工作中，外链式 的写法，最常用。
      原因：方便 代码管理。

 -->
